<template>
  <div class="container">
    <div class="side">
      <button>move</button>
      <button>help</button>
      <button>back</button>
      <button>look</button>
      <button>guide</button>
      <button>tp</button>
      <button>drop</button>
      <button>items</button>
      <button>quit</button>
    </div>
  </div>
</template>

<script>
export default {
  name: "sidebar"
}
</script>

<style scoped>
.side{
  display: flex;
  flex-direction: column;
  text-align: center;

}
.side button{
  width: 80px;
  margin-top: 20px;
  height: 50px;
  /*background-color: white;  */
}
.container{
  width: 150px;
  display: flex;
  justify-content: center;
  background-color: #AEC0CE;
  padding-bottom: 20px;
}
</style>